.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

.magic-section
  &:nth-child(2n)
    background white  
  &:nth-child(2n+1)
    background #EFF3FD

.magic-section .magic-main{
  width 1300px
  margin 0 auto
  padding 20px 0
}

h3.title{
  padding-top 35px 
  text-align center
  font 500 30px/45px "微软雅黑"
  color #333333
}

h3.english-title{
  text-align: center;
  font: 22px/44px Arial;
  color: #333;
  padding-top: 10px;
}

h2.title{
  padding-top 80px 
  text-align center
  font 300 50px/70px "微软雅黑"
  color #333333
}

p.introduce{
  width 960px
  text-align justify
  margin 0 auto
  font 300 22px/45px "微软雅黑"
  color #74767B
  padding 35px 0
}

.banner{
  position relative
  img{
    width 100%
    max-width 100%
  }  
}

.magic-section.circle-bg{
  background-image: url('../images/line.png');
  background-repeat: no-repeat;
  background-position: center center;  
}

.small-circle, .middle-circle {
  background: url('../images/circle.png') left top;
  background-size: 100% 100%;
  position: absolute;
}

.small-circle {
  width: 65px;
  height: 65px;
}

.middle-circle {
  width: 90px;
  height: 90px;
}
// 圆圈
.circle {
  position relative
  width: 180px;
  height: 180px;
  background: url('../images/circle.png') left top;
  background-size: 100% 100%;
  text-align: center;
  color: #696969;
  font: 26px / 180px '微软雅黑';

  &:hover {
    transition: 1s linear;
    transform: scale(1.3);
  }
}

// 滚动条
*::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
}
*::-webkit-scrollbar-button {
    display: none;
}
*::-webkit-scrollbar-thumb {
    width: 8px;
    min-height: 15px;
    background: rgba(50,50,50,0.6) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
}

.platform {
  margin-top: 90px;
  text-align: center;
  margin-bottom: 80px
  img {
    width: 1200px;
  }
}

.honeycomb-bg {
  width: 100%;
  position: absolute;
  bottom: -15%;
}

.analysis {
  position: relative;

  .analysis-list {
    margin-top: 120px;
    margin-bottom: 200px;

    .analysis-list-li {
      background: url('../images/analysis-list-li-bg.png') no-repeat left top;

      h3 {
        font: 40px / 60px '微软雅黑';
        color: #333333;
        margin-bottom: 15px;
      }

      p {
        color: #696969;
        font: 20px / 30px '微软雅黑';
      }
    }
  }
}